<script setup></script>

<template>
  <view class="user-list">
    <view>
      <image src="@/static/images/idCard.png" mode="scaleToFill" />
      实名认证
      <uni-icons type="right" size="20"></uni-icons>
    </view>
    <view>
      <image src="@/static/images/contact.png" mode="scaleToFill" />
      个人中心
      <uni-icons type="right" size="20"></uni-icons>
    </view>
    <view>
      <image src="@/static/images/feedback.png" mode="scaleToFill" />
      问题反馈
      <uni-icons type="right" size="20"></uni-icons>
    </view>
  </view>
</template>

<style scoped lang="scss">
.user-list {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-top: 30rpx;
  background-color: #ffffff;
  view {
    display: flex;
    align-items: center;
    justify-content: flex-start; /* 修改为左对齐 */
    width: 100%;
    height: 120rpx;
    border-block-end: 4rpx solid #eee;
    padding: 0rpx 20rpx;
    image {
      margin: 0rpx 20rpx; /* 调整图片与文字之间的间距 */
      width: 40rpx;
      height: 40rpx;
    }
    uni-icons {
      margin-left: auto; /* 将图标向右对齐 */
      margin-right: 30rpx;
    }
  }
}
</style>
